<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>02  元属性操作</title>
		<!-- 元属性操作： 元素    固定属性   附加属性
		                固定属性  <a  href="#"></a>
						附加属性   <input type ="radio"  checked  >
		attr()				有参----1个参数    功能 ； 匹配元素集合中第一个元素的指定属性值
		                                       理解   通过属性获取属性值
						        2个参数     功能  【设置】匹配  元素集合中所有元素的指定属性值   
						                    理解通过属性和属性值   设置元素
						removeAttr()
						
						prop()
						removeprop()
		 -->
	</head>
	<body>
		<!-- img 图片引入   三个按钮    id="getAttrBtn" 获取属性
									  
		                              id="setArrbtn"  获取属性
		 
                                       id="removeArrBtn" 移除属性		 
		                               
			div    id  =""							
		 -->     
		 <h1>arr()函数与removeAttr()函数使用</h1>
		 <img src="MI/img/食物小猫meme表情包GIF (2)_爱给网_aigei_com.gif" alt="1" id="mi" width="249px" height="249px" />
		 <br >
		 <button id="getArrBtn">获取属性</button>
		 <button id="setAttrBtn">设置属性</button>
		 <button id="removeAttrBtn">移出属性</button>
		 <div id="output"></div>
		<h2>练习；attr()函数</h2> 
		  <button class="gbn">点击1</button>
		  <button class="gbn">点击2</button>
		   <button class="gbn">点击3</button>
		 <a href="#" target="_blank">百度功能</a>
		 <!-- 通过jq实现功能   点击按钮  百度一下  实现真实界面跳转
		  2.下载
		  
		  -->
		 
		 <script>
			 //通过jq实现功能  点击1 按钮
			 
			 
			 
			 
			 
			 //抓到 getAttrBtn  按钮---点击  --img图片元素的attr("src")属性 [变量接受]
                                               output显示文本   img的src路径是+变量		
													
					var myImg=$("mi").attr("src");
					$("mi")	.text("img的src路径是："+myImg)					
							});
			//上述代码；实现图片切换							
										
			$("#setArrBtn").click(function(){
				//通过元素固定属性名   获取属性值
    				$("myImg").arr
				
				
			});							
													
		 </script>
	</body>
</html>